<template>
  <div class="point" :style="color?'backgroundColor:#e44b2c':'backgroundColor:#dbdbdb'">
    <slot></slot>
  </div>
</template>
<script>
export default {
  components:{

  },
  props:['color'],
  data(){
    return {
    }
  }
}
</script>
<style lang="less">
  @import '../../../../style/mixin.less';

  .point{
    .wh(0.9333rem,.9333rem);
    .borderRadius(50%);
    .sc(.4rem,#fff);
    display: inline-block;
    line-height: .9333rem;
    text-align: center;
  }
</style>
